.errorFieldText {
  float: left;
  font-size: 12px !important;
}

.error {
  color: var(--euiColorDangerText) !important;
}

:global(body .footerAddDatabase .empty-btn) {
  border-color: transparent;

  &:hover,
  &:active {
    background-color: var(--euiTooltipBackgroundColor);
  }
}

.errorForm {
  color: var(--euiColorDangerText) !important;
  padding-top: 25px;
  display: inline-block;
}

.anchorEndpoints {
  pointer-events: auto !important;

  svg {
    width: 24px !important;
    height: 24px !important;
  }
}

.endpointsList * {
  font-weight: 300 !important;
}

.dbAliasInputContainer {
  display: inline-block;
  position: relative;
  width: calc(100% - 190px);
}

.btnOpen {
  float: right;
  svg {
    height: 20px;
    width: 20px;
  }
}

.hostPort {
  display: inline-block;
  margin-left: 10px;
}

.hostPort:hover .copyHostPortBtn {
  opacity: 1;
}

.copyHostPortBtn {
  margin-left: 10px;
  margin-bottom: 3px;
  opacity: 0;
  height: 0;
  transition: opacity 250ms ease-in-out;
}

.sentinelCollapsedField {
  padding: 4px 8px;
  font-size: 13px !important;
  word-break: break-all;
}

#dbAliasInputIcon {
  color: var(--euiTextSubduedColor) !important;
  width: 32px !important;
}

.message {
  font-family: 'Graphik', sans-serif;
  color: var(--euiTextSubduedColor) !important;
}

.link {
  text-decoration: underline !important;

  &:hover {
    text-decoration: none !important;
  }

  &.external:global(.euiLink) {
    color: var(--externalLinkColor) !important;
  }
}

.fullWidth {
  flex-basis: 100% !important;
}

.selectedOptionWithLongTextSupport {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 1.5rem;
}
